<template>
  <div id="content">
    <router-view v-if="isRouterAlive"></router-view>
  </div>
</template>
<script>
  export default {
    data() {
     return {
       isRouterAlive: true
     }
    },
    watch: {
      isReload:function() {
        // 一旦发生变化则重载组件
        this.isRouterAlive = false;
        this.$nextTick(() => {
          this.isRouterAlive = true;
        })
      }
    }
  }
</script>

<style>
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  #content {
    -webkit-min-logical-width: 62.5rem;
    height: 45.5rem;

  }
</style>
